<template>
  <div class="movie">
    <h1>电影名为4-6个字</h1>
    <ul>
      <li v-for="movie in myMovieList" :key="movie.tvId">
        {{ movie.albumName }}
      </li>
    </ul>
    <hr>
    <h1>电影名为传递的字数</h1>
    <ul>
      <li v-for="movie in myMovieList" :key="movie.tvId">
        {{ movie.albumName }}
      </li>
    </ul>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  name: "Movie",
  computed: {
    ...mapGetters(["myMovieList"]),
    yourMovieList() {
      return this.$store.getters.yourMovieList({ start: 2, end: 4 });
    },
  },
  methods: {},
};
</script>

<style scoped>
.movie {
  background: pink;
  margin: 30px;
}
</style>